<seed-content #content>
  <seed-toolbar-header class="seed-underline">
    <seed-toolbar-title>我的圈子</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>
  <!--圈子列表-->
  <div class="circle-list">
    <seed-infinite-scroll class="search-results" (infiniteScroll)="getCirclesJoin()">
      <div class="my-circle-wrap" [class.my-circle]="userId" *ngIf="myCreateCircles.length >0">
        <div class="circle-subhead ">
          <p class="seed-flexbox seed-flexbox-align-center"><i></i><span>我创建的圈子</span></p>
        </div>
        <circle-item [circleList]="myCreateCircles"></circle-item>
      </div>

      <div class="gap" *ngIf="myCreateCircles.length > 0 && circleList.length > 0"></div>

      <div class="join-circles"  *ngIf="circleList.length > 0 ">
        <div class="circle-subhead ">
          <p class="seed-flexbox seed-flexbox-align-center"><i></i><span>我加入的圈子</span></p>
        </div>

        <circle-item [circleList]="circleList" >

        </circle-item>

      </div>

      <seed-infinite-scroll-content class="load-bg" *ngIf="circleList.length > 5"></seed-infinite-scroll-content>
    </seed-infinite-scroll>

  </div>

  <!--缺省图-->
  <seed-default-graph *ngIf="myCreateCircles.length == 0 && circleList.length == 0"
                      [text]="'暂无内容'"
                      [url]="'unifyPic'"
  ></seed-default-graph>

</seed-content>
